<template>
	<view>
		<navbar title="提现"  color="#fff" bgColor="transparent" :isZhanwei="false">
			<template #right>
				<view style="color: #fff;margin-right: 12rpx;" @click="$navTo('pageA/txlist/txlist')">
					提现记录
				</view>
			</template>
		</navbar>
		<div class="head-box" :style="{background:`url('${imgs.my.m12}')`}">
			<div class="ye">
				<div class="now">当前余额(元)</div>
				<div class="money">
					￥<text>0</text>
				</div>
			</div>
		</div>
		<div class="tx-box">
			<div class="cell">
				<div class="left">
					<u-icon name="chat-fill" size="56" color="green" ></u-icon>
					<div style="margin-left: 6rpx;" >微信</div>
				</div>
				<div class="right">
					<u-icon name="arrow-right" ></u-icon>
				</div>
			</div>
			<u-line style="margin-bottom: 34rpx;"></u-line>
			<div>
				<div style="font-size: 34rpx;margin-bottom: 32rpx;">提现金额</div>
				<div class="input-box" >
					<div>￥</div>
					<div>
						<input placeholder="提现金额"/>
					</div>
					<div style="color: #FF8C19;" @click="$toast('暂无可提现余额')" >
						立即提现
					</div>
				</div>
			</div>
			<div style="margin-top: 48rpx;" >
				<div style="font-size: 28rpx;color: #000;margin-bottom: 16rpx;font-weight: bold;" >提现说明</div>
				<text>
					1. 单笔提现手续费未提现额度的6% 
					21. 单笔提现手续费未提现额度的6% 2
					1. 单笔提现手续费未提现额度的6% 2
				</text>
			</div>
		</div>
	</view>
</template>

<script>
	import imgs from '@/utils/imgs.js'
	import navbar from '@/components/w-navbar/index.vue'
	export default {
		components:{
			navbar
		},
		data() {
			return {
				imgs,
				
			};
		}
	}
</script>

<style lang="scss">
	.input-box{
		width: 670rpx;
		height: 76rpx;
		background: #F5F5F5;
		border-radius: 16rpx;
		display: flex;
		align-items: center;
		padding: 12rpx 24rpx;
		justify-content: space-evenly;
		box-sizing: border-box;
	}
	.tx-box{
		// position: absolute;
		width: 750rpx;
		height: 334rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		margin-top: -36rpx;
		z-index: 1;
		// bottom: -300rpx;
		padding: 30rpx 40rpx;
		box-sizing: border-box;
		.cell{
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 34rpx;
			.left{
				display: flex;
				align-items: center;
			}
		}
	}
.head-box{
	height: 438rpx;
	// position: relative;
	padding: 0 40rpx;
	box-sizing: border-box;

	.ye{
		padding-top: 180rpx;
		color: #fff;
		.now{
			margin-bottom: 24rpx;
		}
		.money{
			font-size: 32rpx;
			>text{
				font-size: 72rpx;
			}
		}
	}
}
</style>
